<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta contentType="application/x-www-form-urlencoded">
<script src="../plugins/jquery/jquery.min.js" type="text/javascript"></script>
	<!-- bootstrap main js -->
	<script type="text/javascript" src="../plugins/bootstrap/js/bootstrap.min.js"></script>
	<!-- fileinput main js -->
	<script type="text/javascript" src="../js/file/fileinput.min.js"></script>
	<!-- chn language js -->
	<script type="text/javascript" src="../js/file/zh.js"></script>
	<!-- bootstrap theme -->
	<link rel="stylesheet" type="text/css" href="../plugins/bootstrap/css/bootstrap.min.css">
	<!-- fileinput theme -->
	<link rel="stylesheet" type="text/css" href="../css/file/fileinput.min.css">
<title>知医治</title>
</head>
<body>
<div class="container">
	<!--通用文字识别-->
	<div class="row">
		<h3>001.通用文字识别举例</h3>
		<form enctype="multipart/form-data" id="ocr-form" action="/ocr" method="post">
			<div class="col-lg-6">
				<div class="form-group">
					<input type="file" name="file" id="file1" class="file">
				</div>
			</div>
			<div class="col-lg-6">
				<h4>通用文字识别解析结果：</h4>
				<span id="res"></span>
			</div>
		</form>
	</div>
</div>
<script>
    $("#file1").fileinput({
        uploadUrl: '/treatment/ocr', //你必须在这里设置一个有效的URL，否则你会得到一个错误
        uploadAsync: true, //AJAX设置同步，异步的上传方式 （同步）
        allowedFileExtensions: ['jpg', 'png', 'gif'],//文件类型
        showUpload: true, //是否显示上传按钮
        //browseClass: "btn btn-primary", //按钮样式
        showRemove : true, //显示移除按钮
        dropZoneEnabled: true,//是否显示拖拽区域
        overwriteInitial: false,
        //maxFileSize:0,//单位为kb，如果为0表示不限制文件大小
        maxFilesNum: 10,
        maxFileCount: 4, //表示允许同时上传的最大文件个数
        minFileCount: 0,	//最少文件
        dropZoneTitle: '选择一张带有文字的图片',
        validateInitialCount:false//异步上传返回结果处理
    }).on('fileuploaded', function(event, data, previewId, index) {
        // alert(JSON.stringify(data));
        var res_arr = data.response.words_result;
        for(var key in res_arr){
            console.log(res_arr[key].words);
            $('#res').append(res_arr[key].words + "<br/>");
        }
    });
</script>
</body>
</html>